.xin{
    background-color: #F4F8FA;
    padding: 20px;
    h1{
        color: #0099DD;
        font-size: 30px;
      
    }
    p{
        margin: 0;
        font-size: 16px;
        span{
            color: red;
            margin-right: 20px;
        }
    }

}
.tit {
    font-size: 30px;
    line-height: 80px;
    margin: 0 20px;
    border-bottom: 1px solid #ccc;
    span {
        background-color: blue;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        padding: 3px 6px;
    }
}

form {
    margin-top: 20px;
    p {
        span:nth-child(1) {
            text-align: right;
        }

        span:nth-child(2) {
            display: inline-block;
            width: 286px;
            border: 1px solid #ccc;
            box-sizing:content-box;
           display: flex;
           
           justify-content: space-between;
            input[type='text'],select {
                width: 250px;
                height: 30px;
                border: none;
                outline: none;
            }
            b {
                display: inline-block;
                width: 30px;
                height: 30px;
                background-color: #f5f5f5;
                text-align: center;
                line-height: 30px;
                font-size: 12px;
            }
           
        }
        input[type='radio']{
            vertical-align: middle;
            margin-left: 10px ;
        }
        input[type='button']{
            margin-bottom: 30px;
            background-color: #337AB7;
            color: #fff;
            border: none;
            padding: 4px 10px;
            border-radius: 5px;
        }
    }
   
}
